html {
    height: 100%;
    font-size: 1.0rem;
    line-height: 1.0;
}
@font-face {
    font-family: 'OpenSans-Light-webfont';
    src: url('OpenSans-Light-webfont.ttf') format('truetype');
}
@font-face {
    font-family: 'Segoe UI Light';
    src: url('segoeuil.ttf') format('truetype');
}
body {
    height: 100%;
    max-height: 100%;
    font-size: 1.0rem;
    line-height: 1.0;

}
.w75h75 {
    height: 75vh;
    width: 75vw;
}
.mh-90vh {
    min-height: 90vh;
}
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*index.html page*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/

.attribution-sapienza {
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #800000; /* Colore ufficiale Sapienza */
}
.attribution-sapienza img {
    width: 30px; /* Regola la dimensione del logo */
    height: auto;
    margin-right: 10px;
}
.main-container {
    flex-grow: 1;
    position: relative;
}
.site-header {
    min-height: 68px;
    position: relative
}
.websupplier-logo {
    position:absolute;
    top:4px;
    left:0;
    height:64px;
    width:346px;
}
.main-header-font {
    font-size: 32px;
    font-style: normal;
    text-decoration: none;
    font-family: 'Segoe UI Light', sans-serif;
    color: #ccc;
}
.main-filter-label {
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: 'Segoe UI Light', sans-serif;
    color: rgb(212, 208, 200);
    background-color: white;
    padding: 0 5px 0 5px;
}
.main-filter-font {
    font-size: 16px;
    font-style: normal;
    text-decoration: none;
    font-family: 'Segoe UI Light', sans-serif;
    color: #495057;
}
.main-filter-font-disabled {
    font-size: 16px;
    font-style: normal;
    text-decoration: none;
    font-family: 'Segoe UI Light', sans-serif;
    color: #9c9b9b;
}
.ws-font {
    font-family: 'Segoe UI Light', sans-serif;
    text-decoration: none;
}
.ws-zoom {
    transition: transform .2s;
}
.ws-zoom:hover {
    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.ws-zoom-lg {
    transition: transform .2s;
}

.ws-zoom-lg :hover{
    transform: scale(1.10); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*GENERIC*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*colore mouse over della tabella*/
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #bde1ff;
}
.modal-fit {
    width:fit-content;
    max-width:none;
}
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*COLOR CLASSES*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
.six-six-six {
    color: #666666
}
.ws-green {
    color: #A8CF7C
}
.ws-red {
    color: #D56544
}
.ws-blue {
    color: #7794BE
}
.ws-light {
    color:white
}
.ws-light-grey {
    color:#AAAAAA
}
.ws-yellow {
    color:#ffd800
}
.ws-orange {
    color: #f89528
}
.ws-bg-light-grey {
    background-color: #AAAAAA
}
.ws-bg-light-red {
    background-color: #ffd7d7 !important
}
.ws-bg-green {
    background-color: #A8CF7C
}
.ws-bg-light-green {
    background-color: #d5ebbc !important
}
.ws-bg-light-blue {
    background-color: #cedef5 !important
}
.ws-bg-blue {
    background-color: #7794BE
}
.ws-bg-yellow {
    background-color: #cebd5e
}
.ws-bg-orange {
    background-color: #ffac50
}
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*Radio Toggle*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/

.toggle input[type="radio"] + .label-text:before {
    content: "\f204";
    font-family: "FontAwesome", sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 10px;
}

.toggle input[type="radio"]:checked + .label-text:before {
    content: "\f205";
    color: #16a085;
    animation: effect 250ms ease-in;
}

.toggle input[type="radio"]:disabled + .label-text {
    color: #aaa;
}

.toggle input[type="radio"]:disabled + .label-text:before {
    content: "\f204";
    color: #ccc;
}


/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*dropdown multilevel*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.required:after {
    content: "*";
    color: red;
    font-weight: bold;
}

.loading-div {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99999;
    text-align: center;
}

.loading-image {
    position: absolute;
    top: 50%;
    margin-top:-128px;
    left: 50%;
    margin-left:-128px;
    z-index: 100;
}
.alert-modal {
    z-index: 99998;
}
#pre-header {
    font-size: 18px;
    padding: 10px 0;
    background-color:#3c7ad3;
    color: white;
}

.o2-color-grey {
    color: #767676;
}
.o2-color-light-grey {
    color: lightgray
}
.o2-color-green {
    color: #53d178;
}
.o2-color-lightorange {
    color: #fba14b
}
.o2-color-blue {
    color: #3c7ad3;
}
.o2-color-darkblue {
    color: #036
}
.o2-color-red {
    color: #d45151;
}
.o2-color-violet {
    color: #7500db;
}
.o2-color-light-blue {
    color: #bde1ff;
}

.o2-bg-grey {
    background-color: #767676;
}
.o2-bg-light-grey{
    background-color: lightgray
}
.o2-bg-blue {
    background-color: #578bd5;
}
.o2-bg-violet {
    background-color: #7500db;
}
.o2-bg-light-green {
    background-color: #b9f2c9;
}
.o2-bg-green {
    background-color: #53d178;
}
.o2-bg-light-yellow {
    background-color: #fff6c1
}
.o2-bg-yellow {
    background-color: #ffd800
}
.o2-bg-light-orange {
    background-color: #ffc88b
}
.o2-bg-orange {
    background-color: #ff830c
}
.o2-bg-light-red {
    background-color: #ffd2d2;
}
.o2-bg-red {
    background-color: #d45151
}
.o2-bg-white-smoke {
    background-color: whitesmoke;
}

.border-color-red {
    border-color: #d45151;
}

.font-size-1rem {
    font-size:1rem;
}
.font-size-12rem {
    font-size:1.2rem;
}

.max-length-25 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 25ch;
}

/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*redifine bootstrap css*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
label {
    color: #AAAAAA;
    margin-bottom: 0;
}

.form-group label {
    font-weight: 400;
}
.d-flex.d-none {
    display: none!important;
}

.zoom:hover {
    transform: scale(1.1) !important; /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.it-datepicker-wrapper .datepicker-calendar {
    width: auto;
}

.bootstrap-select-wrapper > label {
    -webkit-transform: translateY(-75%);
    transform: translateY(-75%);
    font-size: .777rem;
    background-color: transparent;
    position: absolute;
    font-weight: 400;
    line-height: calc(2.5rem - 1px);
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    top: 0;
    cursor: text;
    display: block;
    max-width: 100%;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .5rem;
    color: #AAAAAA;
    margin-bottom: 0;
}

/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*google map css*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
#map-pac-input {
    background-color: #fff;
    font-size: 19px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
}

.pac-container {
    background-color: #FFF;
    z-index: 1051;
    position: fixed;
    display: inline-block;
    float: left;
}

/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*google map css*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
.ol-popup {
    position: absolute;
    background-color: white;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 36px;
    left: -49px;
    min-width: 280px;
}

.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}

.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}

.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}

    .ol-popup-closer:after {
        content: "x";
    }